<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.one{
				background-color: red;
			}
			.two{
				border:10px solid blue;
			}
		</style>
	</head>
	<body>
		<h1>111</h1>
		<h1>111</h1>
		
		<h2 class="one two">222</h2>
		<button id="btn">切换two</button>
		
		<h3>3333</h3>
		
		<script src="jquery.min.js"></script>
		<script>
			$("h1").addClass("one");
			//删除 指定 某个 class
			//$("h2").removeClass("one");
			
			//删除 全部class
			//$("h2").removeClass();
			
			$("#btn").click(function(){
				//console.log(this);
				//切换 two  样式
				$("h2").toggleClass("two");
			})
			
			//判断是否含有某个样式
			console.log($("h2").hasClass("one"));
			
			// $("h3").css("color","blue");
			// $("h3").css("border","10px solid red");
			
			$("h3").css({
				"color":"blue",
				"border":"10px solid red"
			});
			
		</script>
	</body>
</html>
